<template>
  <fieldset>
    <legend>详细</legend>
    <!-- <h1>{{$route.params.id}}</h1> -->
    <h1>名字:{{ target.title }}</h1>
    <img :src="target.img" alt="" />
    <h4>名字:{{ target.desc }}</h4>
  </fieldset>
</template>
<script>
export default {
  data() {
    return {
      target: {},
      goodsDetail: [
        {
          id: 1,
          title: "新坦结衣",
          img:
            "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1538728258,361656027&fm=26&gp=0.jpg",
          desc:
            "新垣结衣（Aragaki Yui），1988年6月11日出生于日本冲绳县那霸市。日本女演员、歌手、模特。2001年，参加《nicola》杂志模特选拔并获得了最优秀大奖。2005年，出演了电视剧处女作《涩谷15》。2006年3月3日，发行了个人首本写真集《ちゅら☆ちゅら》。2007年11月3日，主演了爱情电影《恋空》，凭借该片获得了第31届日本电影学院奖及第50届日本电影蓝丝带奖最佳新人奖 [1]  ；12月5日，发表了个人首张音乐专辑《そら》。2008年，主演了医疗剧《Code Blue》首播 [2]  。2009年，主演了电视剧《微笑》，凭借该剧获得了第61届日剧学院赏、第13届日刊体育日剧大奖最佳女配角奖 [3]  。2010年1月11日，出演的医疗剧《CODE BLUE 2》首播。"
        },
        {
          id: 2,
          title: "杉原杏璃",
          img:
            "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2531727509,369282060&fm=26&gp=0.jpg",
          desc:
            "杉原杏璃（日文名：すぎはら あんり），1982年6月12日出生于广岛县，日本女艺人、泳衣女星。2012年，杉原就任广岛县观光委员会秘书，同年12月1日，在东京举行了2013年写真挂历的发卖会。"
        },
        {
          id: 3,
          title: "广濑铃",
          img:
            "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=174755291,1554739842&fm=26&gp=0.jpg",
          desc:
            "广濑铃（広瀬すず、Hirose Suzu），1998年6月19日出生于日本静冈县，日本影视女演员。2012年，参加《Seventeen》模特大赛获得优秀奖，之后成为该杂志的专属模特 [1]  。2013年，参演个人首部校园喜剧《幽灵女友》，并正式以演员身份出道 [2]  。2015年，凭借剧情片《海街日记》获得第7届多摩电影奖、第40届报知电影奖的最佳新人奖 [3-4]  ；同年，首次在青春校剧《学校的阶梯》中担任女主角 [5]  。2016年，主演的爱情片《花牌情缘》和参演的悬疑片《怒》上映 [6-7]  。2017年，参演是枝裕和执导的悬疑心理片《第三次杀人》 [8]  。2018年，主演的情感悬疑剧《anone》播出 [9]  。12月31日，担任第69回NHK红白歌合战红组主持人 [10]  。2020年10月6日，广濑铃确诊感染新冠病毒 [11]  。"
        }
      ]
    };
  },
  mounted() {
    // console.log(this.$route);// 当前路由对象
    // console.log(this.$router);// 跟路由对象
    // 动态路由参数可以通过 $route.params获取
    console.log(this.$route.params);
    let id = this.$route.params.id;

    this.target = this.goodsDetail.find(item => item.id == id);
  }
};
</script>
